<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

	<title>账户明细</title>

	<link href="/olalashop/business/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
	<link href="/olalashop/business/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
	<link href="/olalashop/business/css/personal.css" rel="stylesheet" type="text/css">
	<link href="/olalashop/business/css/wallet.css" rel="stylesheet" type="text/css">
	<script src="/olalashop/business/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
	<script src="/olalashop/business/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>

</head>

<body>
<!--头 -->
<header>
	<#include "person/header.html">
</header>
<div class="nav-table"></div>
<b class="line"></b>
<div class="center">
	<div class="col-main">
		<div class="main-wrap">
			<div class="am-cf am-padding">
				<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">账单明细</strong> / <small>Electronic&nbsp;bill</small></div>
			</div>
			<hr>
			<div class="finance">
				<div class="financeText">
					<p>可用余额:<span>¥0.0</span></p>
					<p>账户状态:<span>有效</span></p>
					<a href="safety.html">安全中心：保护账户资产安全</a>
				</div>
			</div>

			<!--交易时间	-->

			<div class="order-time">
				<label class="form-label">交易时间：</label>
				<div class="show-input">
					<select class="am-selected" data-am-selected>
						<option value="today">今天</option>
						<option value="sevenDays" selected="">最近一周</option>
						<option value="oneMonth">最近一个月</option>
						<option value="threeMonths">最近三个月</option>
						<option class="date-trigger">自定义时间</option>
					</select>
				</div>
				<div class="clear"></div>
			</div>

			<div class="walletList">

				<div class="walletTitle">
					<li class="time">创建时间</li>
					<li class="name">详情</li>
					<li class="amount">金额</li>
					<li class="balance">余额</li>
				</div>
				<div class="clear"></div>
				<div class="walletCont">
					<#list balance as blc>
					<li class="cost">
						<div class="time">
							<p>
							</p>
							<p class="text-muted">
								${blc.getCreateTime()?string("yyyy年MM月dd日 HH:mm:ss")}
							</p>
						</div>
						<div class="title name">
							<p class="content">
								${blc.getChangeDesc()}
							</p>
						</div>

						<div class="amount">
							<span class="amount-pay">${blc.getFrozenMoney()}</span>
						</div>

						<div class="balance">
							<span>余额：</span><em>${blc.getAmount()}</em>
						</div>
					</li>
					</#list>
				</div>

				<!--分页-->
				<ul class="am-pagination am-pagination-right">
					<li class="am-disabled"><a href="#">&laquo;</a></li>
					<li class="am-active"><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">&raquo;</a></li>
				</ul>

			</div>

		</div>
		<!--底部-->
		<div class="footer"></div>
	</div>
	<aside class="menu"></aside>
</div>
</body>
<script>
	$(function () {
		$(".nav-table").load("/olalashop/business/person/nav.html");
		$("div.footer").load("/olalashop/business/home/footer.html");
		$("aside").load("/olalashop/business/home/aside.html");
	})
</script>
</html>